{% extends "base.html" %}

{% block title %}首页 - 大麦抢票助手{% endblock %}

{% block content %}
<div class="row">
    <div class="col-lg-8 mx-auto">
        <div class="text-center py-5">
            <h1 class="display-4 fw-bold text-primary mb-4">
                <i class="fas fa-ticket-alt me-3"></i>大麦抢票助手
            </h1>
            <p class="lead text-muted mb-5">
                智能抢票，快人一步<br>
                <small class="text-warning">*仅供学习和技术研究使用</small>
            </p>
            
            <div class="row g-4 mb-5">
                <div class="col-md-4">
                    <div class="card h-100">
                        <div class="card-body text-center">
                            <i class="fas fa-user-check fa-3x text-primary mb-3"></i>
                            <h5 class="card-title">自动登录</h5>
                            <p class="card-text text-muted">支持多账号快速切换登录</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card h-100">
                        <div class="card-body text-center">
                            <i class="fas fa-clock fa-3x text-primary mb-3"></i>
                            <h5 class="card-title">定时开抢</h5>
                            <p class="card-text text-muted">精准时间控制，毫秒级响应</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card h-100">
                        <div class="card-body text-center">
                            <i class="fas fa-chart-line fa-3x text-primary mb-3"></i>
                            <h5 class="card-title">实时监控</h5>
                            <p class="card-text text-muted">库存变化实时推送提醒</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-grid gap-2 d-md-flex justify-content-center">
                <a href="/login" class="btn btn-primary btn-lg px-4 me-md-2">
                    <i class="fas fa-sign-in-alt me-2"></i>开始登录
                </a>
                <a href="/ticket" class="btn btn-outline-primary btn-lg px-4">
                    <i class="fas fa-rocket me-2"></i>立即抢票
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row mt-5">
    <div class="col-lg-10 mx-auto">
        <div class="card">
            <div class="card-header bg-light">
                <h5 class="mb-0"><i class="fas fa-info-circle me-2"></i>使用说明</h5>
            </div>
            <div class="card-body">
                <ol class="mb-0">
                    <li>登录大麦网账号（支持多账号管理）</li>
                    <li>搜索并选择要抢票的演出</li>
                    <li>设置抢票参数（场次、价位、数量等）</li>
                    <li>配置定时开抢时间</li>
                    <li>启动监控，等待开抢</li>
                    <li>系统自动执行抢票流程</li>
                    <li>查看抢票结果和订单截图</li>
                </ol>
            </div>
        </div>
    </div>
</div>
{% endblock %}